<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit" />
<meta name="Keywords"
	content="韩都衣舍,韩都衣舍官网,韩都衣舍官方,实体店,旗舰店,韩都衣舍淘宝店,淘宝网韩都衣舍" />
<meta name="Description"
	content="韩都衣舍官网—韩都衣舍官方旗舰店，韩风快时尚第一品牌。逛韩都衣舍实体店or韩都衣舍淘宝网店？得先进韩都衣舍官网旗舰店。韩都衣舍网上商城支持货到付款，7天无理由退换货。" />
<meta property="qc:admins" content="165753362560341456375" />
<meta property="wb:webmaster" content="4685b40c88b09b15" />
<title>用户中心_韩都衣舍HSTYLE网-韩风快时尚第一品牌购物商城。正品保证，货到付款！</title>
<link rel="shortcut icon" href="../images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="../css/handu_base.css" />
<link rel="stylesheet" type="text/css" href="../css/login.css" />
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/jquery-migrate-1.1.0.js"></script>
<script src="../js/jquery.validate.min.js"></script>
<script src="../js/boss.js"></script>
</head>
<body>
	<!--浏览器版本判断-->

	<!--[if IE 6]>
	<div id="ie6_upgrade_tip" >
	    <div class="ie6_tips">温馨提示：尊敬的用户，现在检测到您正在使用IE6浏览器。为了确保您的购物安全和更好的用户体验，请<a class="se6_download" style="color:#1C79A1" href="http://chrome.360.cn/" target="_blank">下载360极速浏览器</a>或者升级更高版本的IE浏览器</div>
	    <div id="yellowtipclose" style="display:none;"></div>
	</div>
<![endif]-->

	<!--浏览器版本判断 end-->


	<!--HEADER-->

	<!--工具栏-->
	<div id="tool_bar">
		<!--内容-->
		<div class="con">
			<!--右侧-->
			<div class="info fl">
				<a href="" class="red"><b>返回首页</b></a> <a href="" class="clect_site"><em></em>收藏网站</a>
			</div>
			<!--左侧-->
			<div class="info fr">
				<!--<span class="fl">您好，欢迎光临韩都衣舍！</span>
      <a href="" class="red">登录</a>
      <a href="">注册</a>-->
				<div class="fl name">
					<a href="">欢迎您，bb@sina.com</a> <a
						href="http://www.handu.com/user.php?act=privilege" target="_blank">
						<em class="lv lv5"></em>
					</a>
				</div>
				<a href="" target="_blank" class="integral"><span>积分</span><b>77360</b></a>
				<a href="">退出</a>
				<div class="my_hd">
					<a href="">我的韩都</a> <em></em>
					<ul>
						<li><a href="">我的订单</a></li>
						<li><a href="">我的优惠券</a></li>
						<li><a href="">我的收藏</a></li>
						<li><a href="">退货办理</a></li>
					</ul>
				</div>
				<a href="">购物车</a> <span class="line">|</span> <a href=""
					class="app">手机端 <img src="../images/app.png" alt="手机端" />
				</a> <a href="">在线客服</a> <a href="">帮助中心</a> <a href="">韩都招聘</a> <a
					href="" class="site_map"><em></em>网站导航</a>
			</div>
			<!--左侧 end-->
		</div>
		<!--内容 end-->
	</div>

	<!--logo-->
	<div class="login_logo">
		<a href="http://www.handu.com" title="没空去韩国？就来韩都衣舍！" target="_blank"></a>
		<div class="logo">账户注册</div>
	</div>
	<!--HEADER end-->

	<div class="wrap" id="register">
		<div class="reg_left">
			<form th:action="@{'/login/register'}" method="post"
				id="register_form">
				<ul>
					<li>
						<div class="reg_text">
							<span>*</span>邮箱/手机号：
						</div> <input name="email" type="text" id="email" value=""/>
						<div class="tishitrue">
							<em class="true"></em>
						</div>
					</li>
					<!--错误提示语 "邮箱格式不正确/此邮箱已注册,请尝试登录" start-->
					<li class="tishi"></li>
					<!--错误提示语 end-->
					<li>
						<div class="reg_text">
							<span>*</span>请设置密码：
						</div> <input type="password" name="password" id="password" />

						<div class="tishitrue">
							<em class="true"></em>
						</div>
					</li>
					<!--错误提示语  start-->
					<li class="tishi"></li>
					<!--错误提示语 end-->
					<li>
						<div class="reg_text">
							<span>*</span>请确认密码：
						</div> <input type="password" name="confirm_password" />
						<div class="tishitrue">
							<em class="true"></em>
						</div>
					</li>
					<!--错误提示语  start-->
					<li class="tishi"></li>
					<!--错误提示语 end-->
					<!--输入邮箱时显示 start-->
					<li class="email" style="display: none">
						<div class="reg_text">
							<span>*</span>验证码：
						</div> <input name="authcode" id="authcode" type="text"
						class="reg_verpass" />
						<div class="tishitrue">
							<em class="true"></em>
						</div>
<!-- 						<a href="" onclick="document.getElementById('login_pcrimg').src =''"> -->
						<img  src="/login/pcrimg" onclick="this.src='/login/pcrimg?'+new Date().getTime();"
						style="cursor:pointer; width: 90px; text-align: left; cursor:pointer;  line-height: 32px;" id="login_pcrimg"/>

					</li>
					<!--输入邮箱时显示 end-->
					<!--错误提示语  start-->
					<li class="tishi"></li>
					<!--错误提示语 end-->
					<!--输入手机号时显示 start-->
					<li class="telphone" style="display: none">
						<div class="reg_text">
							<span>*</span>短信验证码：
						</div> <input name="telcode" id="telcode" type="text"
						class="reg_verpass" />
						<div class="tishitrue" id="telphone_tishitrue">
							<em class="true"></em>
						</div>
						<div class="reg_tel">
							<a href="#"  onclick="sendMessage();" style="cursor:pointer;"><input style="cursor:pointer;line-height: 32px;"  id="btn" type="button" value="获取验证码"  /> </a>
							<!-- 							<input id="get_mobile_code_but" type="button" value="获取验证码" onclick="sendMessage();" /> -->
						</div>
					</li>
					<!--错误提示语  "验证码已发送，请查收短信。start-->
					<li class="tishi"></li>
					<!--错误提示语 end-->
					<!--输入手机号时显示 end-->
					<li class="reg_look"><input name="regRadio" type="checkbox"
						class="regRadio" />订阅韩都快讯，可随时退订</li>
					<li class="reg_look"><input name="reg_submit" type="submit" value=""
						class="reg_submit" id="submitFrom" /></li>
					<li class="reg_look"><a href="#" target="_blank">《韩都衣舍用户协议》</a></li>
				</ul>
			</form>
		</div>
		<div class="reg_right">
			<ul>
				<li>我已经注册，现在就去 <a href="/login/index" target="_blank" >登录</a></li>
				<li>你也可以使用以下账号登录：</li>
				<li class="loginpic"><a href="#" target="_blank"><em
						class="QQ"></em>QQ</a> <a href="#" target="_blank"><em
						class="sina"></em>新浪微博</a> <a href="#" target="_blank"><em
						class="zfb"></em>支付宝</a> <a href="#" target="_blank"><em
						class="xunlei"></em>迅雷</a></li>
			</ul>
		</div>
	</div>

	<!--FOOTER-->
	<div id="hd_footer">
		<!--内容-->
		<div class="con">
			<!--帮助中心 内容-->
			<div class="help_con">
				<div class="item">
					<h4 class="t1"></h4>
					<p>
						<a href="" target="_blank">用户注册</a>
					</p>
					<p>
						<a href="" target="_blank">购物流程</a>
					</p>
					<p>
						<a href="" target="_blank">网站导航</a>
					</p>
					<p>
						<a href="" target="_blank">帮助中心</a>
					</p>
				</div>
				<div class="item">
					<h4 class="t2"></h4>
					<p>
						<a href="" target="_blank">在线支付</a>
					</p>
					<p>
						<a href="" target="_blank">货到付款</a>
					</p>
					<p>
						<a href="" target="_blank">扫码支付</a>
					</p>
					<p>
						<a href="" target="_blank">优惠券支付</a>
					</p>
				</div>
				<div class="item">
					<h4 class="t3"></h4>
					<p>
						<a href="" target="_blank">配送说明</a>
					</p>
					<p>
						<a href="" target="_blank">运费说明</a>
					</p>
					<p>
						<a href="" target="_blank">验货签收</a>
					</p>
					<p>
						<a href="" target="_blank">货到付款</a>
					</p>
				</div>
				<div class="item">
					<h4 class="t4"></h4>
					<p>
						<a href="" target="_blank">正品保证</a>
					</p>
					<p>
						<a href="" target="_blank">退换货政策</a>
					</p>
					<p>
						<a href="" target="_blank">退换货流程</a>
					</p>
				</div>
				<div class="item">
					<h4 class="t5"></h4>
					<p>
						<a href="" target="_blank">会员制度</a>
					</p>
					<p>
						<a href="" target="_blank">会员积分</a>
					</p>
					<p>
						<a href="" target="_blank">评论有奖</a>
					</p>
					<p>
						<a href="" target="_blank">推荐返利</a>
					</p>
				</div>
				<div class="item last">
					<h4 class="t7"></h4>
					<p>
						<a href="" target="_blank">品牌故事</a>
					</p>
					<p>
						<a href="" target="_blank">媒体报道</a>
					</p>
					<p>
						<a href="" target="_blank">诚聘英才</a>
					</p>
					<p>
						<a href="" target="_blank">联系我们</a>
					</p>
				</div>
			</div>
			<!--帮助中心 内容end-->

			<!--图片-->
			<div class="footer_img"></div>

			<!--footer black-->
			<div class="black">
				<a href="" target="_blank">首页</a> <em>|</em> <a href=""
					target="_blank">品牌故事</a> <em>|</em> <a href="" target="_blank">诚聘英才</a>
				<em>|</em> <a href="" target="_blank">媒体报道</a> <em>|</em> <a href=""
					target="_blank">联系我们</a> <em>|</em> <a href="" target="_blank">网站地图</a>
				<em>|</em> <a href="" target="_blank">友情链接</a>
			</div>

			<!--公司信息-->
			<div class="info">
				<lable> <img src="../images/copyright.gif" alt="" width="33"
					height="37" border="0" align="absmiddle" /> 鲁ICP备14003322号 © 2011
				Handuyishe All Rights Reserved. 万维嘉信（山东）电子商务有限公司，禁止非法复制 <a
					href="http://www.cnzz.com/stat/website.php?web_id=5484197"
					target="_blank" title="站长统计"> <img src="../images/pic.gif"
					alt="" />
				</a> <br />
				<img src="../images/zxmbutton01_sy.gif" alt="" /> <a
					href="themes/handuyishe/html/yyzz.html" target="_blank"> <img
					src="../images/zxmbutton05_sy.gif" alt="" />
				</a> </lable>
			</div>

			<!--友情链接-->
			<div class="f_link">
				友情链接： <a href="" target="_blank">韩都衣舍</a> <a href="" target="_blank">裂帛女装</a>
				<a href="" target="_blank">女装搭配网</a> <a href="" target="_blank">演出订票</a>
				<a href="" target="_blank">佐卡伊珠宝网</a> <a href="" target="_blank">优购物官网</a>
				<a href="" target="_blank">华强北</a> <a href="" target="_blank">大朴网</a>
				<a href="" target="_blank">打折</a> <a href="" target="_blank">美瞳</a>
				<a href="" target="_blank">九块邮</a> <a href="" target="_blank">四季青服装网</a>
				<a href="" target="_blank">优惠券</a> <a href="" target="_blank">九块九包邮</a>
				<a href="" target="_blank">管家网</a>
			</div>
		</div>
		<!--内容 end-->

		<!--右侧悬浮窗-->
		<div class="net_trafic">
			<a href="" target="_blank" class="app"></a> <a href=""
				target="_blank" class="a1"></a> <a href="" target="_blank"
				class="a2"></a> <a href="" target="_blank" class="a3"></a> <a
				href="javascript:void(0);" target="_blank" class="a4"
				onclick="reTop();"></a>
		</div>
		<script>
			$(function() {
				flt(".net_trafic", 450);
			});
		</script>
		<!--右侧悬浮窗 end-->
	</div>
	<!--FOOTER end-->

</body>

<script th:inline="javascript">
	/*<![CDATA[*/
	var wait = 60;
	function time(o) {
		if (wait == 0) {
			o.removeAttribute("disabled");
			o.value = "免费获取验证码";
			wait = 60;
		} else { // www.jbxue.com
			o.setAttribute("disabled", true);
			o.value = "重新发送(" + wait + ")";
			wait--;
			setTimeout(function() {
				time(o)
			}, 1000)
		}
	}
	document.getElementById("btn").onclick = function() {
		time(this);
	}
	
	function myReload() {  
	    document.getElementById("login_pcrimg").src ="/login/pcrimg";  
	}

	jQuery.validator.addMethod("isemail", function(value, element) {
		var length = value.length;
		var mobile =/1[3|5|7|8|][0-9]{9}/;// /^(13[0-9]|15[0|3|5|6|7|8|9]|18[8|9])\d{8}$/;
		var email = /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;
		if (email.test(value)) {
			$(".telphone").css("display", "none")
			$(".email").css("display", "block")
		}
		if (length == 11 && mobile.test(value)) {
			$(".telphone").css("display", "block")
			$(".email").css("display", "none")
		}
		return this.optional(element)
				|| ((length == 11 && mobile.test(value)) || email.test(value));
	}, "邮箱/手机号 格式不正确");
	function sendMessage() {
		MALL.remoteCall('login/mobilePcrimg/', {
			telcode : function() {
				return $("#email").val()
			}
		});
	}
	$(function() {
		$("#register_form").validate({
			rules : {
				email : {
					required : true,
					isemail : true,
					remote : {
						type : "POST",
						url : "/login/verifyEamilOrMobile/",
						data : {
							email : function() {
								return $("#email").val();
							}
						}
					}
				},
				password : {
					required : true,
					minlength : 6,
					maxlength : 20
				},
				confirm_password : {
					required : true,
					minlength : 6,
					maxlength : 20,
					equalTo : "#password"
				},
				authcode : {
					required : true,
					remote : {
						type : "POST",
						url : "/login/verifyAuthcode/",
						data : {
							authcode : function() {
								return $("#authcode").val();
							}
						}
					}
				},
				telcode : {
					required : true,
					remote : {
						type : "POST",
						url : "/login/verifyTelphonecode/",
						data : {
							authcode : function() {
								return $("#telcode").val();
							}
						}
					}
				}
			},
			messages : {
				email : {
					required : '邮箱/手机号 不能为空',
					remote : '此邮箱/手机号 已注册,请尝试登录！'
				},
				password : {
					required : "请填写您的密码！",
					minlength : "密码必须是6-20位字符！",
					maxlength : "密码必须是6-20位字符！"
				},
				confirm_password : {
					required : "请填写确认密码！",
					minlength : "确认密码必须是6-20位字符！",
					maxlength : "确认密码必须是6-20位字符！",
					equalTo : "两次密码不一致"
				},
				authcode : {
					required : '验证码 不能为空',
					remote : '验证码填写不正确'
				},
				telcode : {
					required : '手机验证码 不能为空',
					remote : '手机验证码填写不正确'
				}
			},
			success : function() {
			},
			errorPlacement : function(error, element) {
				if ($.trim(error.text()) == "") {
					element.parent().next(".tishi").empty();
					element.next(".tishitrue").show();
				} else {
					element.next(".tishitrue").hide();
					element.parent().next(".tishi").empty();
					var obj = "<em class='err'></em>";
					element.parent().next(".tishi").append(obj + error.text());
				}

			}
		});
	});

	/*]]>*/
</script>
</html>
